
import { useState } from "react";
import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { AssessmentResults } from "./assessment/AssessmentResults";
import { AssessmentModules } from "./assessment/AssessmentModules";
import { ProfessionalSelfDiscovery } from "./assessment/ProfessionalSelfDiscovery";
import { PersonalizedLearningInsights } from "./assessment/PersonalizedLearningInsights";
import { useRole } from "@/contexts/RoleContext";

export function SelfAssessment() {
  const { role } = useRole();
  const [selectedModule, setSelectedModule] = useState<string | null>(null);

  // For teachers, show the existing Professional Self-Discovery component
  if (role === 'teacher') {
    return (
      <div className="space-y-6">
        <ProfessionalSelfDiscovery />
      </div>
    );
  }

  // For students, show the new Personalized Learning Insights
  return (
    <div className="space-y-6">
      <PersonalizedLearningInsights />
    </div>
  );
}
